<template>
    <div class="item-bar-side" v-on:click="$emit('chg-catalog', catalog)">{{catalog.name}}</div>
</template>

<script>
export default {
    props: ["catalog"]
};
</script>

<style scoped>
.item-bar-side {
    padding: 15px;
    border-radius: 10px;
    margin: 4px;
    user-select: none;

    transition: 0.25s ease;
}

.item-bar-side:hover {
    background-color: rgba(0, 255, 255, 0.2);
}
</style>
